<template>
  <v-tabs class="mb-4" v-model="activeTab" color="primary">
    <v-tab v-for="(value,key) in tabs" :key="key" :value="value.tab">{{ value.title }}</v-tab>
  </v-tabs>
  <VWindow v-model="activeTab" class="mt-6 disable-tab-transition">
    <VWindowItem value="publicTask">
      <PublicTask />
    </VWindowItem>
    <VWindowItem value="tenantTaken">
      <TenantTaken />
    </VWindowItem>
    <VWindowItem value="tenantPublish">
      <TenantPublish />
    </VWindowItem>
  </VWindow>
</template>
  
<script setup>
import { ref } from "vue";
import { useI18n } from 'vue-i18n'
import { useRouter } from "vue-router";
import PublicTask from "./components/publicTask.vue";
import TenantTaken from "./components/tenantTaken.vue";
import TenantPublish from "./components/tenantPublish.vue";
const { t } = useI18n()

const router = useRouter()

const activeTab = ref('publicTask')


const tabs = [
  { title: '接单大厅', icon: 'tabler-users', tab: 'publicTask' },
  { title: '我的接单', icon: 'tabler-shield-lock', tab: 'tenantTaken' },
  { title: '我的发布', icon: 'tabler-lock', tab: 'tenantPublish' },
]
</script>
  
  <style lang="scss" scoped>
</style>